import 'package:flutter/cupertino.dart';
import 'package:meal/constant/fonts.dart';
import 'package:meal/constant/sizes.dart';
import 'package:meal/utils/colors.dart';
import 'package:meal/utils/styles.dart';

class ChargeActivity extends StatefulWidget {
  const ChargeActivity({Key? key}) : super(key: key);

  @override
  State<ChargeActivity> createState() => _ChargeActivityState();
}

class _ChargeActivityState extends State<ChargeActivity> {
  TextStyle get defaultStyle {
    return StylesUtils.customTextStyle(color: ColorsUtils.color333, lineHeight: 1.8);
  }

  TextStyle get style {
    return StylesUtils.customTextStyle(color: ColorsUtils.color797);
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          padding: const EdgeInsets.symmetric(vertical: Sizes.default20),
          child: Text(
            '五折钜惠商家',
            style: StylesUtils.customTextStyle(
                color: ColorsUtils.color333, fontSize: Sizes.default16, fontWeight: Fonts.w7),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '活动细则',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '外卖订单五折优惠（不含团购订单、到店自取订单）',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '店铺要求',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '闲早餐品类',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '用户类型',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '新注册用户',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '使用方式',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '移动端',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '活动日期',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '2月',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '报名日期',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '长期',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
        Container(
          margin: const EdgeInsets.only(bottom: Sizes.default20),
          padding: const EdgeInsets.symmetric(horizontal: Sizes.default15),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '报名费用',
                    style: defaultStyle,
                  ),
                ),
              ),
              Expanded(
                flex: 5,
                child: Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '￥5.00',
                    style: style,
                  ),
                ),
              )
            ],
          ),
        ),
      ],
    );
  }
}
